<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>详情</title>
    <link th:href="@{/showstatic/css/details.css}" type="text/css" rel="stylesheet"/>
    <link th:href="@{/showstatic/js/layer-v3.0.3/layer/mobile/need/layer.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/showstatic/layui/css/layui.css}" type="text/css" rel="stylesheet"/>
    <script type="text/javascript" th:src="@{/showstatic/js/jquery-1.7.2.min.js}"></script>
    <script type="text/javascript" th:src="@{/showstatic/js/phone.js}"></script>
    <script type="text/javascript" th:src="@{/showstatic/js/layer-v3.0.3/layer/layer.js}"></script>
    <script type="text/javascript" th:src="@{/showstatic/layui/layui.js}"></script>
</head>

<body>
<div class="whole">
    <div style="margin-left: 20px;margin-top: 20px;"><i class="layui-icon layui-icon-return" style="color: black;font-size: 40px;float: left" onclick="backindex()"></i>
      <div style="padding-top: 40px;padding-left: 300px;"><h2>我的评论<span>([[${myComments.size()}]])</span></h2></div>
    </div>
    <div style="margin-top: 100px"></div>
    <div class="detail">
        <!--我的评论部分内容展示-->
        <div class="commentpart" style="margin-left: 80px;margin-right: 50px">
            <div th:each="mycomment,var:${myComments}" style="background-color:lightgray;">
                <ul>
                    <li class="">
                        <div class="">
                            <div class="user">
                                <i class="layui-icon layui-icon-username" style="font-size: 40px;color:#1E9FFF;"></i>
                                <span class="name" style="font-size:15px;color: blue;">用户&nbsp;&nbsp;[[${usertel}]]</span>
                            </div>
                            <div class="time">
                                <div style="float: left;">
                                    <i class="layui-icon layui-icon-date" style="font-size: 20px;color:#1E9FFF;"></i>
                                    <span th:text="${#dates.format(mycomment.commentdate,'yyy/MM/dd hh:mm:ss')}"></span>
                                </div>
                                <ul class="star" style="float:left;margin-left: 10px;">
                                    <li>
                                        打分&nbsp;<i class="layui-icon layui-icon-rate-solid" style="color:#ff7f27;"
                                           th:each="i:${#numbers.sequence(1,mycomment.commentstar)}"></i>&nbsp;&nbsp;&nbsp;
                                        <i th:if="${mycomment.commentstar>3}">
                                            <i class="layui-icon layui-icon-praise" style="font-size: 20px;color:#1E9FFF;"></i>
                                        </i>
                                        <i th:unless="${mycomment.commentstar>3}">
                                            <i class="layui-icon layui-icon-tread" style="font-size: 20px;color:#1E9FFF;"></i>
                                        </i>
                                    </li>

                                </ul>
                            </div>
                        </div>
                        <br>
                        <div style="margin-left:0px;padding-left: 0px;width: 300px">
                           <i class="layui-icon layui-icon-reply-fill" style="font-size: 20px;color: #1E9FFF;"></i>
                           <span style="margin-left:0px;">[[${mycomment.commenttext}]]</span>
                        </div>
                    </li>
                </ul>
                <hr style="height:1px;border:none;border-top:1px dashed #0066CC;margin-right: 100px;"/>
            </div>
        </div>
    </div>
</div>
<script th:inline="javascript">
    var url = [[@{/}]];
</script>
<script>
    //从评论页面返回影院首页
    function backindex() {
        window.location.href=url+"movieshow/index.html";
    }
</script>
</body>
</html>
